<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>账单管理</title>
		<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/left_nav.css"/>
		<link rel="stylesheet" type="text/css" href="../css/count.css"/>
	</head>
	<body>
		 <header>
       	
       </header>
       <div class="left_nav">
       	
       </div>
       <div class="right">
       	<div>
			<!--查询导航-->
				<form class="form-inline">
				  <div class="form-group">
				    <label for="exampleInputName2">查询商品名称：</label>
				    <input type="text" class="form-control query-name-input" id="exampleInputName2" placeholder="商品名称">
				  </div>
				   <button type="button" class="btn btn-default find-count-btn">
				  	<img src="/images/search.png" alt="" />
				  	查询</button>
				 <button type="button" class="btn btn-default btn-primary navbar-btn navbar-right " data-toggle="modal" data-target="#addCountModal">
				<img src="/../images/tianjia.png"/>
				添加订单
			</button>
				</form>
			
		</div>
		
			<!--表格-->
		<div>
			<table class="table table-bordered table-hover table-condensed table-count message-table">
			<thead>
				<tr>					
					<th>账单编号</th>
					<th>商品名称</th>					
					<th>商品单位</th>
					<th>供应商</th>
					<th>数量</th>
					<th>账单金额</th>
					<th>是否付款</th>
					<th>创建时间</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>				
			</tbody>  
		</table>
		</div>
		<!--分页-->
		<nav>
		  <ul class="pagination page-count">		    
		    <li class="active">
		     <a href="#">1</a>
		    </li>
		    <li>
		      <a href="#">2</a>
		    </li>
		    <li>
		      <a href="#">3</a>
		    </li>
		    <li>
		      <a href="#">4</a>
		    </li>
		    <li>
		       <a href="#">5</a>
		    </li>		   
		  </ul>
		</nav>		
       </div>
       <!--添加模态框-->
		<div class="modal fade" id="addCountModal" tabindex="-1">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" ><span>&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">添加信息</h4>
		      </div>		       
		      <div class="modal-body">
		      	<div class="alert alert-danger hidden add-count-error">添加订单有误</div>
		       <form class="form-add-count">
		       	  <div class="form-group">
					    <label for="addCountName">商品名称</label>
					    <input type="text" id="addCountName" name="name" class="form-control" placeholder="请输入商品名称">				   
				  </div>				  
				  <div class="form-group">
				    <label for="addCountUnit">商品单位</label>
				    <input type="text" class="form-control" id="addCountUnit" name="unit" placeholder="请输入商品单位">
				  </div>
				 <div class="form-group">
				    <label for="addCountProvider">供应商</label>
				    <input type="text" class="form-control" name="provider" id="addCountProvider" placeholder="请输入供应商">
				  </div>
				  <div class="form-group">
				    <label for="addCounAmount">数量</label>
				    <input type="text" class="form-control" name="amount" id="addCounAmount" placeholder="请输入数量">
				  </div>
				  <div class="form-group">
				    <label for="addCountAoney">账单金额</label>
				    <input type="text" class="form-control" id="addCountAoney" name="money" placeholder="请输入账单金额">
				  </div>
				  <div class="form-group">
				    <label for="addCountPay">是否付款</label>
				    <input type="text" class="form-control" name="pay" id="addCountPay" placeholder="请输入是否付款">
				  </div>
				  <div class="form-group">
				    <label for="addCountTime">创建时间</label>
				    <input type="text" class="form-control" name="time" id="addCountTime" placeholder="请输入创建时间">
				  </div>
				</form>	
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary btn-add-count">提交</button>
		      </div>
		    </div>
		  </div>
		</div>
		</div>
		
         <!--修改模态框-->
		<div class="modal fade" id="updateCountModal" tabindex="-1">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" ><span>&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">添加信息</h4>
		      </div>		       
		      <div class="modal-body">
		      	<div class="alert alert-danger hidden update-count-error">添加订单有误</div>
		       <form class="form-update-count">
		       	<div class="form-group">
					    <label for="updateCountId">商品名称</label>
					    <input type="text" id="updateCountId" name="_id" class="form-control" placeholder="请输入商品名称">				   
				  </div>
		       	  <div class="form-group">
					    <label for="updateCountName">商品名称</label>
					    <input type="text" id="updateCountName" name="name" class="form-control" placeholder="请输入商品名称">				   
				  </div>				  
				  <div class="form-group">
				    <label for="updateCountUnit">商品单位</label>
				    <input type="text" class="form-control" id="updateCountUnit" name="unit" placeholder="请输入商品单位">
				  </div>
				 <div class="form-group">
				    <label for="updateCountProvider">供应商</label>
				    <input type="text" class="form-control" name="provider" id="updateCountProvider" placeholder="请输入供应商">
				  </div>
				  <div class="form-group">
				    <label for="updateCounAmount">数量</label>
				    <input type="text" class="form-control" name="amount" id="updateCounAmount" placeholder="请输入数量">
				  </div>
				  <div class="form-group">
				    <label for="updateCountMoney">账单金额</label>
				    <input type="text" class="form-control" id="updateCountMoney" name="money" placeholder="请输入账单金额">
				  </div>
				  <div class="form-group">
				    <label for="updateCountPay">是否付款</label>
				    <input type="text" class="form-control" name="pay" id="updateCountPay" placeholder="请输入是否付款">
				  </div>
				  <div class="form-group">
				    <label for="updateCountTime">创建时间</label>
				    <input type="text" class="form-control" name="time" id="updateCountTime" placeholder="请输入创建时间">
				  </div>
				</form>	
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		        <button type="button" class="btn btn-primary btn-update-count" id='btn-update-count'>提交</button>
		      </div>
		    </div>
		  </div>
		</div>
	</div>
       
      
	</body>
	   <script src="/lib/jquery/jquery-1.12.4.min.js"></script>
	   <script src="/lib/bootstrap/js/bootstrap.min.js"></script>
	   <script src="/lib/ejs/ejs.min.js"></script>
	   <script src="/js/common/header.js"></script>
	   <script src="/js/common/left_nav.js"></script>
	   <script src="/js/count/count.js"></script>
</html>

